<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Video.js Text Descriptions, Chapters &amp; Captions Example</title>
  <link href="http://vjs.zencdn.net/7.0/video-js.min.css" rel="stylesheet">
  <script src="http://vjs.zencdn.net/7.0/video.min.js"></script>
  <style>
    body{background-color: #191919}
    .m{ width: 1000px; height: 1000; margin-left: auto; margin-right: auto; margin-top: 100px; }
  </style>
</head>

<body class="initial-video" id='initial-video'>
<div class="m">
  <video id="example_video_1" class="video-js" 
  controls preload="none"
  data-setup='{ "html5" : { "nativeTextTracks" : false } }'
  with="100%" height="100%"
  poster="http://d2zihajmogu5jn.cloudfront.net/elephantsdream/poster.png">
    <source src="http://192.168.0.34:8080/XYJ_000_018_LAY.mov" type="video/mp4">
    <source src="//d2zihajmogu5jn.cloudfront.net/elephantsdream/ed_hd.ogg" type="video/ogg">
    <track kind="captions" src="captions.en.vtt" srclang="en" label="English" default>
    <track kind="captions" src="captions.sv.vtt" srclang="sv" label="Swedish">
    <track kind="captions" src="captions.ru.vtt" srclang="ru" label="Russian">
    <track kind="captions" src="captions.ja.vtt" srclang="ja" label="Japanese">
    <track kind="captions" src="captions.ar.vtt" srclang="ar" label="Arabic">
    <track kind="descriptions" src="descriptions.en.vtt" srclang="en" label="English">
    <track kind="chapters" src="chapters.en.vtt" srclang="en" label="English">
    <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
  </video>
<div>
</body>

</html>
